<template>
  <div>
    <table :id="item.id" style="min-width: 100%;word-break:break-all;word-wrap:break-word;"></table>
  </div>

</template>
<script>
  import dateUtil from 'src/components/util/date-format';
  export default{
    props:['item'],
    data(){
      return{
      }
    },
    methods:{
      initTable(item){
        $(`#${item.id}`).bootstrapTable('destroy');
        $(`#${item.id}`).bootstrapTable({
          url: item.url,
          columns:item.col,
          method:'get',
          pagination: true,//分页
          showColumns:true,
//          "queryParamsType": "limit",
          pageSize:20,//每页的记录行数
          pageNumber: 1,//初始化加载第一页，默认第一页
          striped: true,     //使表格带有条纹
          pageList: [20, 50, 100, 200],
          search: false,//显示搜索框
          sortable: true, //是否启用排序
          sortOrder:'desc',
          sidePagination: 'server',//server，服务端处理分页,client本地
          queryParams:item.queryParams,
          responseHandler: function (resp) {//处理获取的数据，rows，total必填
            return {
              "rows":resp.data,
              "total": resp.total,
              "pageSize": resp.pageSize,
              "pageNumber": resp.pageNum
            }
          }
        });
//         $(`#${item.id}`).colResizable(
//           {
//             resizeMode:'flex',
//             partialRefresh:true,
//             postbackSafe:true,//刷新后保留之前的拖拽宽度
//             liveDrag: true,//实时显示滑动位置
// //            draggingClass: "dragging",
// //            headerOnly:true,
//           }
//         );
      },
      destoryTable(item){
        $(`#${item.id}`).bootstrapTable('destroy');
      }
    },
  }
</script>
<style>
  table {
    table-layout:fixed;
  }
  /*.fixed-table-body{*/
    /*background-color: pink;*/
    /*height: 300px;*/
  /*}*/
</style>
